<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <title>临时议事厅</title>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" media="screen" />
  <link rel="stylesheet" href="./css/lempChat.css" />
</head>

<body>
  <div id="massge">复制成功</div>

  <!-- 弹出窗口-更改名字 -->
  <div id="userData">
    <div id="udM">
      <h1 id="nowName"></h1><br />
      <input type="text" id="userDIY" oninput="tbuName()" placeholder="修改聊天昵称" maxlength="6" />
      <br /><br />
      <span>
        下次继续使用此名称
        <input type="checkbox" checked="checked" id="loname" name="sf" />
      </span><br /><br />
      <br />
      命名规则：<br />
      1、默认为匿名小白<br />
      2、最长为6个字符
      <p style="text-align: center; position: absolute; width: 100%; bottom: -3rem;">
        <input type="button" id="udOK" value="OK" onclick="okCOls()" />
      </p>
    </div>
  </div>

  <!-- 顶部 -->
  <div id="all">
    <div id="menuTop">
      <div id="logoTop">
        <a onclick="window.close();" style="cursor: pointer;" href="http://321ao.cn/">
          <svg t="1630892159982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="13410" style="position: absolute; left: -.2rem; height: 2rem; top: .6rem;">
            <path
              d="M938.619904 54.539264 369.472512 54.539264c-17.78688 0-32.228352 14.403584-32.228352 32.192512l0 260.953088 64.402432 0L401.646592 118.923264l413.12768 0-166.329344 94.32064c-10.07616 5.726208-16.320512 16.408576-16.320512 28.005376l0 498.33984L401.645568 739.58912 401.645568 562.221056l-64.401408 0 0 209.558528c0 17.78688 14.441472 32.192512 32.228352 32.192512L632.12544 803.972096l0 122.3168c0 11.460608 6.083584 22.053888 15.997952 27.815936 5.010432 2.9184 10.594304 4.375552 16.192512 4.375552 5.513216 0 10.950656-1.38752 15.89248-4.18816l267.80672-151.877632c13.16864-4.052992 22.797312-16.149504 22.797312-30.636032L970.812416 86.731776C970.812416 68.943872 956.406784 54.539264 938.619904 54.539264zM442.500096 500.125696c24.891392 0 45.058048-20.175872 45.058048-45.075456 0-24.87296-20.166656-45.058048-45.058048-45.058048L270.229504 409.992192l0-84.01408c0-7.281664-4.098048-13.92128-10.559488-17.221632-6.477824-3.283968-14.226432-2.69312-20.094976 1.59232L61.81376 439.430144c-4.992 3.648512-7.980032 9.448448-7.980032 15.62112 0 6.191104 2.988032 12.024832 7.980032 15.657984l177.728512 129.107968c3.362816 2.443264 7.335936 3.6864 11.343872 3.6864 3.008512 0 6.012928-0.679936 8.78592-2.093056 6.46144-3.3024 10.559488-9.950208 10.559488-17.232896l0-84.04992L442.500096 500.125696 442.500096 500.125696z"
              p-id="13411" fill="#cdcdcd"></path>
          </svg>
        </a>
        <span id="gupName">临时聊天组</span>
        <span id="RS"></span>
      </div>
      <div id="userIcoTop" onclick="okOpen()">
        <p id="nowName2"></p>
      </div>
    </div>
    <div id="topImg">

    </div>

    <div>
      <!-- 左侧内容 -->
      <div id="nrRi">
        <div id="nrRi1">
          <h3>必要说明</h3>
          <ol style="margin-left: 2rem;">
            <li>点击右上角图片能设置名称</li>
            <li>本站不储存聊天记录</li>
            <li>发送的图片请勿太大</li>
            <li>断线请刷新页面可重连</li>
          </ol>
        </div>
        <div id="nrRi2">
          <h3>快捷键</h3>
          <ol style="margin-left: 2rem;">
            <li>F2清空输入内容</li>
            <li>F5刷新页面(清空聊天记录)</li>
            <li>回车发送消息</li>
          </ol>
        </div>
        <div id="nrRi3">
          <h3>其它</h3>
          <ol>
            <li>项目开源地址：<a href="https://gitee.com/anmdir/lempChat" target="_blank">https://gitee.com/anmdir/lempChat</a>
            </li>
            <br />
            大爷看了都说好👍
          </ol>

        </div>
      </div>

      <!-- 聊天页 -->
      <div id="mainNR">
        <ul id="messages">
          <div style="height: 0.6rem;"></div>
          <div class="msgTis"><span>声明：此页面不会储存聊天记录</span></div>
        </ul>

        <div id="YLK">
          <div id="yulanKuang" onclick="closeYLK()"></div>
          <div id="yulanImg">
            <img src="" id="ylImg" />
          </div>
        </div>

        <!-- 控件 -->
        <div id="sendCon">
          <!-- 在这个表单中禁止输入回车 -->
          <!-- <div id="wei">&copy;相关信息</div> -->
          <form>
            <textarea id="m" name="Text1" placeholder="请在这里输入内容..."></textarea>
          </form>
          <br />
          <div id="con2">
            <div id="inputImgBtn">
              <div>
                <svg t="1630755530515" class="iconImg" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="4787">
                  <path
                    d="M996.693333 787.285333 738.474667 471.210667c-4.608-5.802667-11.605333-9.216-18.944-9.386667-7.338667-0.170667-14.506667 2.730667-19.456 8.021333l-132.266667 140.8L378.709333 308.906667c-4.608-7.509333-12.8-11.946667-21.674667-11.946667-8.874667 0-17.066667 4.608-21.674667 11.946667L25.429333 803.669333c-7.509333 11.946667-3.925333 27.818667 8.021333 35.328 11.946667 7.509333 27.818667 3.925333 35.328-8.021333l288.256-460.117333 288.256 460.117333c7.509333 11.946667 23.210667 15.530667 35.328 8.021333 11.946667-7.509333 15.530667-23.210667 8.021333-35.328l-92.842667-148.138667 121.514667-129.194667 239.786667 293.376c8.874667 10.922667 25.088 12.629333 36.010667 3.584C1004.032 814.421333 1005.568 798.208 996.693333 787.285333z"
                    p-id="4788"></path>
                  <path
                    d="M844.8 429.568c1.706667 0 3.242667 0 4.949333-0.170667 66.901333-2.730667 119.296-57.685333 119.296-124.074667 0-1.706667 0-3.242667-0.170667-4.949333-2.730667-66.901333-57.685333-119.296-124.074667-119.296-1.706667 0-3.242667 0-4.949333 0.170667-66.901333 2.730667-119.296 57.685333-119.296 124.074667 0 1.706667 0 3.413333 0.170667 4.949333C723.285333 377.173333 778.410667 429.568 844.8 429.568zM841.898667 232.448l2.901333 0c38.912 0 71.338667 30.890667 72.874667 70.144 0 0 0 2.901333 0 2.901333 0 38.912-30.72 71.338667-70.144 72.874667l-2.901333 0.170667c-38.912 0-71.338667-30.890667-72.874667-70.144l0-2.901333C771.754667 266.410667 802.645333 233.984 841.898667 232.448z"
                    p-id="4789"></path>
                </svg>
                <p>发送图片</p>
              </div>
              <input type="file" onchange="sendImg(this)" placeholder="123" id="inputImg" accept="image/*" />
            </div>
            <span id="imgTs"></span>
            <div id="mBtn" onclick="SendM()">
              <span>发送</span>
              <svg t="1630754460553" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="3612">
                <path
                  d="M84.960699 390.521106l888.36099-135.63901-719.930132 238.486172zM257.863173 503.802038l719.930131-238.486172-629.007278 287.673945 10.43377 219.10917z"
                  fill="#ffffff" p-id="3613"></path>
                <path
                  d="M375.615721 812.343523l-11.924309-219.109171 156.50655 99.866085zM634.969432 746.759825l-119.243086-77.508005-156.50655-99.866085 629.007278-287.673945z"
                  fill="#ffffff" p-id="3614"></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="../js/lempChat.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script src="../js/link.js"></script>

  </div>
</body>

</html>